<template>
	<view>
		<template v-if="list.length > 0">
			<!-- 图文列表 -->
			<block v-for="(item, index) in list" :key="index">
				<index-list :item="item" :index="index"></index-list>
			</block>
			<!-- 上拉加载更多 -->
			<load-more :loadtext="loadtext"></load-more>
		</template>
		<template v-else-if="isSearch && list.length < 1">
			<!-- 无内容默认 -->
			<no-thing></no-thing>
		</template>
	</view>
</template>

<script>
	import indexList from "../../components/index/index-list.vue";
	import noThing from "../../components/common/no-thing.vue";
	import loadMore from "../../components/common/load-more.vue";
	export default {
		components:{
			indexList,
			loadMore,
			noThing
		},
		data() {
			return {
				loadtext: '上拉加载更多',
				list: [],
				isSearch: false
			}
		},
		/* 监听原生标题栏按钮事件 */
		onNavigationBarButtonTap(e) {
			if(e.text === '取消'){
				uni.navigateBack();
			}
		},
		/* 监听搜索框输入事件 */
		onNavigationBarSearchInputChanged(e) {
			let text = e.text;
			//this.getData(text);
		},
		/* 监听键盘搜索按钮事件 */
		onNavigationBarSearchInputConfirmed(e) {
			let text = e.text;
			this.getData(text);
		},
		// 监听页面触底事件
		onReachBottom() {
			this.loadmore();
		},
		onPullDownRefresh() {
			this.getData();
			uni.stopPullDownRefresh();
		},
		methods: {
			getData(){
				uni.showLoading({
					title: '加载中',
					mask: false
				});
				
				setTimeout(() => {
					let arr = [
						{
							/* 头像 */
							avatar: "../../static/images/avatar/nan1.jpg",
							/* 昵称 */
							nickname: "夏洛",
							/* 是否关注 , 0：未关注，1：已关注*/
							isfollow: 0,
							/* 文章标题 */
							title: "畅游金鸡湖",
							/* 状态类型 img：图片，video：视频 */
							type:"img",
							/* 封面 */
							cover:"../../static/images/cbd.jpg",
							/* 视频播放量 */
							playnum:'20W',
							/* 视频时长 */
							long:"2:40",
							/* 顶、踩操作 */
							likeinfo:{
								/* 顶或踩的状态，0：没操作，1：顶，2：踩 */
								index:0,
								likenum:11,
								dislikenum:12
							},
							/* 评论数 */
							commentnum:10,
							/* 分享数 */
							sharenum:10
						},
						{
							/* 头像 */
							avatar: "../../static/images/avatar/nv1.jpg",
							/* 昵称 */
							nickname: "马冬梅",
							/* 是否关注 */
							isfollow: true,
							/* 文章标题 */
							title: "畅游金鸡湖",
							/* 状态类型 img：图片，video：视频 */
							type:"video",
							/* 封面 */
							cover:"../../static/images/cbd.jpg",
							/* 视频播放量 */
							playnum:'20W',
							/* 视频时长 */
							long:"2:40",
							/* 顶、踩操作 */
							likeinfo:{
								/* 顶或踩的状态，0：没操作，1：顶，2：踩 */
								index:1,
								likenum:11,
								dislikenum:12
							},
							/* 评论数 */
							commentnum:10,
							/* 分享数 */
							sharenum:10
						}
					];
					this.isSearch = true;
					this.list = arr;
					uni.hideLoading();
				}, 1000);
			},
			/* 上拉加载 */
			loadmore(){
				if(this.loadtext !== '上拉加载更多'){
					return;
				}
				// 修改加载状态
				this.loadtext = '加载中···';
				// 获取数据
				setTimeout(() => {
					var obj = {
						/* 头像 */
						avatar: "../../static/images/avatar/nv2.jpg",
						/* 昵称 */
						nickname: "秋雅",
						/* 是否关注 , 0：未关注，1：已关注*/
						isfollow: 0,
						/* 文章标题 */
						title: "求偶遇",
						/* 状态类型 img：图片，video：视频 */
						type:"img",
						/* 封面 */
						cover:"../../static/images/cbd.jpg",
						/* 视频播放量 */
						playnum:'20W',
						/* 视频时长 */
						long:"2:40",
						/* 顶、踩操作 */
						likeinfo:{
							/* 顶或踩的状态，0：没操作，1：顶，2：踩 */
							index:0,
							likenum:11,
							dislikenum:12
						},
						/* 评论数 */
						commentnum:10,
						/* 分享数 */
						sharenum:10
					};
					this.list.push(obj);
					// 获取完成
					this.loadtext = '上拉加载更多';
				}, 1000)
				
				
				// this.loadtext = '没有更多数据了';
			}
		}
	}
</script>

<style>

</style>
